@import '../../../assets/css/const.styl'

.car-total-info
  width 100%
  height 100%
  padding 0 3%
  padding-bottom 5px
  position relative
  display flex
  flex-direction column
  justify-content space-between
  .car-total-info-item
    width 100%
    border 1px solid border_color
    position relative
// 车辆运营数据
  .car-total-info-item-header
    height 70.8%
    .car-total-info-item-header-top
      padding-top 5%
      height 34%
      width 96%
      margin 0 auto
      display flex
      justify-content space-around
      flex-wrap: wrap
      .car-total-info-item-inner-item
        display flex
        justify-content space-between
        align-items flex-start
        width 40%
        .car-total-info-item-icon
          width 40px
          height 40px
        .car-total-info-item-content
          display flex
          flex-direction column
          justify-content space-between
          width 70%
          .car-total-info-item-content-text
            font-size 14px
            color #ffffff
    .car-total-info-item-header-middle
      height 36%
      display flex
      justify-content space-around
    .car-total-info-item-header-bottom
      height 30%
      width 96%
      margin 0 auto
      display flex
      justify-content space-around
      flex-wrap: wrap
      .car-total-info-item-inner-item
        display flex
        justify-content space-between
        align-items flex-start
        width 40%
        .car-total-info-item-icon
          width 40px
          height 40px
        .car-total-info-item-content
          display flex
          flex-direction column
          justify-content space-between
          width 70%
          .car-total-info-item-content-text
            font-size 14px
            color #ffffff
// 互联网用户数据
  .car-total-info-footer
    height 25.4%
    width 98%
    .car-total-info-footer-box
      width 100%
      height 100%
      display flex
      align-items center
      justify-content space-between
      .car-total-info-footer-item
        width 50%
        display flex
        justify-content space-around
        align-items center
        height 75%
        .car-total-info-footer-item-icon
          width 115px
          height 115px
          position relative
          img
            width 100%
            height 100%
          span
            position absolute
            top 0px
            left 0px
            width 100%
            height 100%
            text-align center
            line-height 115px
            font-size 10px
            color #ffffff
        .car-total-info-footer-item-content
          display flex
          flex-direction column
          justify-content space-between
          height 100%
          .car-total-info-footer-item-pay
            display flex
            flex-direction column
            justify-content space-around
            color #62e2ed
            font-size 13px
            height 25%
          .car-total-info-footer-item-active
            display flex
            flex-direction column
            justify-content space-around
            color #17c194
            font-size 13px
            height 25%
          .car-total-info-footer-item-download
            display flex
            flex-direction column
            justify-content space-around
            color #ffffff
            font-size 13px
            height 25%
